<template>
  <div class="app-container">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>人力成本(月份维度)</span>
      </div>

      <el-form
        :model="queryParams"
        ref="queryForm"
        :inline="true"
        v-show="showSearch"
        label-width="68px"
      >
        <el-form-item label="统计区间">
          <el-date-picker v-model="dateRange" type="year" placeholder="选择年">
          </el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini">
            搜索
          </el-button>
          <el-button icon="el-icon-refresh" size="mini"> 重置 </el-button>
          <el-button
            type="warning"
            plain
            icon="el-icon-download"
            size="mini"
            v-hasPermi="['work:report:mcost']"
          >
            导出
          </el-button>
        </el-form-item>
      </el-form>

      <el-table v-loading="loading" :data="resList" stripe>
        <el-table-column label="工号" prop="userName" />
        <el-table-column label="人员姓名" prop="nickName" />
        <el-table-column label="职级职等" prop="level" />
        <el-table-column label="部门" prop="deptName" />
        <el-table-column label="项目代码" prop="projectCode" />
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'MCost',
  data() {
    return {
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10
      },
      // 显示搜索条件
      showSearch: true,
      // 遮罩层
      loading: false,
      // 总条数
      total: 0,
      // 列表
      resList: [],
      // 日期范围
      dateRange: ''
    }
  },
  created() {},
  methods: {}
}
</script>

<style></style>
